<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>商家详情</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../css/mui.min.css" rel="stylesheet" />
    <link href="../css/commons.css" rel="stylesheet" />
    <link href="../css/shop_v2.css" rel="stylesheet" />
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <a class="mui-icon mui-pull-right share" href="#topPopover"><img src="../img/more_icon.png" alt="更多"></a>
    <a class="mui-icon mui-pull-right more"><img src="../img/share_icon.png" alt="分享"></a>
</header>
<!--
    作者：837081299@qq.com
    时间：2017-02-28
    描述：头部结束
-->
<div class="mui-content">
    <div class="shop-img-box">
        <img id="MainImg" src="../img/shop_loading.jpg" alt="商家图片" style="">
    </div>
    <div class="title-box mui-clearfix">
        <div class="title-fl">
            <div class="title">店铺名称</div>
            <div class="star-box" id="star_con">
                <span id="add_star" class="add-star"></span>
                <span id="del_star" class="del-star"></span>
                <!--<img src="../img/four-star.jpg" alt="img">-->
            </div>
        </div>
        <div class="link"><a id="shopPhone">联系商家</a></div>
    </div>
    <div class="address mui-clearfix"><img src="../img/address_icon.png" alt="地址"><span id="address">郑州市金水区东风路政七街东南角恒美商务</span></div>
    <div class="line"></div>

    <div class="goods-box">
        <h3 class="goods-h3">商家产品</h3>
        <!--<div class="goods mui-clearfix">-->
            <!--<div class="goods-img">-->
                <!--<img src="../img/product2.jpg" alt="商品">-->
            <!--</div>-->
            <!--<div class="goods-title-box">-->
                <!--<div class="goods-title">的健身卡的境况撒打开角度</div>-->
                <!--<div class="goods-price">¥428</div>-->
                <!--<div class="invalid-price">¥888</div>-->
            <!--</div>-->
            <!--<div class="view-detail">查看详情<img src="../img/order-more.png"></div>-->
        <!--</div>-->

        <!--<div class="other-goods">更多<img src="../img/other_icon.png"/></div>-->
    </div>
    <div class="line"></div>

    <div class="comment-big-box">
        <div class="title-box">
            <span class="comment-number">用户评价 <i></i></span>
            <span class="comment-more">
                <b id="shopScore"></b><i></i>
            </span>
            <span class="comment-star" id="comment-star">
                <a id="add_star3" class="add-star3"></a>
                <a id="del_star3" class="del-star3"></a>
                <!--<img src="../img/four-star.jpg" alt="img">-->
            </span>
        </div>

        <div class="keyword-box mui-clearfix">
            <!--<div>最新评价(90)</div>-->
        </div>

        <div class="comment-box">
            <!--<div class="comment">-->
                <!--<div class="comment-user">-->
                    <!--<div class="user-img"><img src="../img/comment_h.jpg" alt="头像"></div>-->
                    <!--<div class="user-info">-->
                        <!--<span class="user-name">助利商城</span>-->
                        <!--<span class="user-time">2017-08-30</span>-->
                    <!--</div>-->
                    <!--<div class="user-star" id="user-star">-->
                        <!--<span id="add_star2" class="add-star2"></span>-->
                        <!--<span id="del_star2" class="del-star2"></span>-->
                        <!--&lt;!&ndash;<img src="../img/four-star.jpg" alt="评分">&ndash;&gt;-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="comment-detail">-->
                    <!--特别好非常好点击撒娇打卡机的房价快速了解到卡里的卡开始来了的境况撒就是空的考拉就上课了打开-->
                <!--</div>-->
                <!--<div class="comment-img-box mui-clearfix">-->
                    <!--<div><img src="../img/product1.jpg" alt="img" data-preview-src="" data-preview-group="3" ></div>-->
                    <!--<div><img src="../img/product1.jpg" alt="img" data-preview-src="" data-preview-group="3" ></div>-->
                    <!--<div><img src="../img/product1.jpg" alt="img" data-preview-src="" data-preview-group="3" ><span class="comment-img-number">8</span></div>-->
                <!--</div>-->
            <!--</div>-->

            <div class="view-all-comment">查看所有用户评价<img src="../img/order-more.png"/></div>
        </div>
    </div>

    <div class="line"></div>
    <div class="detail_box">
        <h2 class="shop_detail_title">店铺环境展示</h2>
    </div>
</div>


<!--右上角弹出菜单-->
<div id="topPopover" class="mui-popover">
    <div class="mui-popover-arrow"></div>
    <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
            <ul class="mui-table-view">
                <li class="mui-table-view-cell">
                    <a href="index.html"><img src="../img/more_index.png" alt="首页">首页</a>
                </li>
                <li class="mui-table-view-cell">
                    <a href="search.html"><img src="../img/more_search.png" alt="搜索">搜索</a>
                </li>
                <li class="mui-table-view-cell">
                    <a href="userOrder_v2.html"><img src="../img/more_order.png" alt="我的订单">我的订单</a>
                </li>
            </ul>
        </div>
    </div>
</div>


<div class="go-top" style="display: none;"><img src="../img/go-top.png" alt="回到顶部"></div>
<script src="../js/mui.min.js"></script>
<script src="../js/jquery-1.10.1.min.js"></script>
<script src="https://cdn.bootcss.com/json5/0.5.0/json5.min.js"></script>
<script src="../js/base64.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="../js/sha1.js"></script>
<script>  document.write("<s"+"cript type='text/javascript' src='../js/common.js?"+Math.random()+"'></scr"+"ipt>"); </script>
<script src="../js/shop_v2.js"></script>
</body>

</html>